<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Non Stop Exchange</title>
    <link rel="stylesheet" href="css/foundation.css" />
    <script src="js/vendor/modernizr.js"></script>
  </head>
  <body>
        <!-- Header and Nav -->
  <nav class="top-bar" data-topbar>
    <ul class="title-area">
      <!-- Title Area -->
      <li class="name">
        <h1>
          <a href="/">
            NonStopExchange
          </a>
        </h1>
      </li>
      <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
    </ul>
 
    <section class="top-bar-section">
      <!-- Left Nav Section -->
 
      <!-- Right Nav Section -->
      <ul class="right">
        <li class="divider"></li>
        <li class="has-dropdown">
        	<a href="active">Billboard</a>
          <ul class="dropdown">
            <li><a href="#">Search proposal</a></li>
            <li><a href="#">Publish proposal</a></li>
          </ul>
        </li>
        <li class="divider"></li>
        <li class="has-dropdown"><a href="#">Exchange</a>
          <ul class="dropdown">
        	<li><a href="#">Active conversation</a></li>
            <li><a href="#">Conversations archive</a></li>
           </ul>
        </li>
        <li class="divider"></li>
        <li class="has-dropdown"><a href="#">Dataroom</a>
          <ul class="dropdown">
        	<li><a href="#">My documents</a></li>
            <li><a href="#">Upload document</a></li>
           </ul>
        </li>
        <li class="divider"></li>
        <li><a href="#">My network</a></li>
        <li class="divider"></li>
        <li class="has-dropdown"><a href="#">Profile</a>
        	<ul class="dropdown">
        		<li><a href="#">Settings</a></li>
        		<li><a href="#">Sign Out</a></li>
        	</ul>
        </li>
      </ul>
    </section>
  </nav>
 
 
  <!-- End Header and Nav -->
 
  <!-- Main Section -->
 <br/>

  <div class="row">
    <div class="large-12 columns">
      <div class="row">
 
    <!-- Content -->
 
        <div class="large-8 columns">
          <div class="panel radius">
 
          <div class="row">
          <div class="large-6 small-6 columns">
 
            <h4>NonStopExchange</h4><hr/>
            <h5 class="subheader">Definition of project in one sentence</h5>
 
          <div class="show-for-small" align="center">
            <a href="#" class="small radius button">Sign In</a><br>
            <a href="#" class="small radius button">Sign Up</a>
          </div>
 
          </div>
          <div class="large-6 small-6 columns">
 
            <p>Somebody should take care about creation of some texts for project, we need at-least some definitions, and some sentence for advertising etc. Will be perfect to have some set images, which can be associated with "panels"</p>
        </div>
 
        </div>
        </div>
        </div>
 
          <div class="large-4 columns hide-for-small">
 
          <h4>Join us!</h4><hr/>
 
          <a class="large button expand" href="#">
            Sign In
          </a>
 
          <a class="large button expand" href="#">
            Sign Up
          </a>
 
 
        </div>
 
    <!-- End Content -->
 
      </div>
    </div>
  </div>
 
 
 
 
  <!-- End Main Section -->
 
 
 
  <!-- Footer -->
 
  <footer class="row">
    <div class="large-12 columns">
      <hr />
      <div class="row">
        <div class="large-6 columns">
          <p>© Copyright "NonStopExchange" ltd.</p>
        </div>
        <div class="large-6 columns">
          <ul class="inline-list right">
            <li><a href="#">Billboard</a></li>
            <li><a href="#">Exchange</a></li>
            <li><a href="#">Dataroom</a></li>
            <li><a href="#">Profile</a></li>
          </ul>
        </div>
      </div>
    </div>
  </footer>  
  
  
  <script src="js/vendor/jquery.js"></script>
  <script src="js/foundation.min.js"></script>
  <script>
    $(document).foundation();
  </script>  
  </body>
</html>
